* { margin: 0; padding: 0; outline: none;  } 

*::selection {
	background:#0000;
	color:#1B72AC;
}

*::-moz-selection {
	background:#0000;
	color:#1B72AC;
}

*::-webkit-selection {
	background:#0000;
	color:#1B72AC;
}

html{  
     height: 100%;  
}  

body {
    margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3e3e3e;
	/*background-image: url(../images/main-bgVERSION2.jpg) ; background-attachment:fixed;*/
	background-image: url(../images/bg_version2.png) ;
	background-repeat: no-repeat;
	background-position: top;
	background-color:white;
	height: 100%;
	width:100%;
	
}

.defaultText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

[type=text]{
	height:22px;	
	margin-bottom:5px;
	border: 1px solid #868686;
	padding-left:5px;
}

[type=password]:focus{
	-moz-box-shadow:0 0 6px #3591CF;
	text-shadow: 0 0 6px #3591CF;
	border: 1px solid #5698BF;
	outline:medium none;
	-webkit-box-shadow:0 0 6px #3591CF;
	box-shadow:0 0 6px #3591CF;
}

[type=text]:focus{
	-moz-box-shadow:0 0 6px #3591CF;
	text-shadow: 0 0 6px #3591CF;
	outline:medium none;
	border: 1px solid #5698BF;
	-webkit-box-shadow:0 0 6px #3591CF;
	box-shadow:0 0 6px #3591CF;
}

#imgMail{
	-moz-box-shadow:none;
	text-shadow: none;
	outline:medium none;
	border: none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

#pass{
	-moz-box-shadow:none;
	text-shadow: none;
	outline:medium none;
	border: none;
	-webkit-box-shadow:none;
	box-shadow:none;
	
}

textarea{
	border: 1px solid #868686;
	width:300px;
}

textarea:focus{
	-moz-box-shadow:0 0 6px #3591CF;
	text-shadow: 0 0 6px #3591CF;
	outline:medium none;
	border: 1px solid #5698BF;
	-webkit-box-shadow:0 0 6px #3591CF;
	box-shadow:0 0 6px #3591CF;
}

[type=password]{
	height:22px;	
	margin-bottom:5px;
	border: 1px solid #868686;
	padding-left: 5px;
}

select {
	height:22px;	
	margin-bottom:5px;
	border: 1px solid #868686;
}

select:focus {
	-moz-box-shadow:0 0 6px #3591CF;
	outline:medium none;
	border: 1px solid #5698BF;
	-webkit-box-shadow:0 0 6px #3591CF;
	box-shadow:0 0 6px #3591CF;
}

#header-gauche {
		background-image: url(../images/bandIter.png) ;
		background-repeat: repeat-x;
		background-position: top;
		width:600px;
		height:104px;
		position:absolute;
		top:68px;
		margin-left:auto;
		margin-right:auto;
		float:left;
		
}

#header {
	height: 100%;
	margin-bottom:30px;
}

#headerTransp {

	background: url("../images/") no-repeat;
	height:85px;
	width:690px;
	margin-left:auto;
	margin-right:auto;
	float:center;
	margin-bottom:80px;
	
}

ul#header-menu {

	margin-left: auto; 
	margin-right: auto; 
	margin-top:18px;
	margin-left:200px;
	
}

	
#header-menu li a {
	display: block;
	float: left; 
	text-decoration:none; 
	font-family: Arial,sans-serif;
	font-size: 9pt ;
	color:#A9AFB7;
	position:relative;
	top:0px;
	left:30px;
	background-color:#131415;
	padding: 5px 22px 2px 8px;
	margin-right:4px;
	
	background-image: url("../images/tzine_sprite.png");
	background-repeat : no-repeat;
	background-position:top right;
	height:18px;
	  -moz-border-radius: 2px;
	  -webkit-border-radius: 2px;
	border-radius: 2px;
	
}

#header-menu li a:hover {
	color:#FEFEFE;
	background-color:#090909;
	background-position:bottom right;
}

#header-menu li {
	display: block;
	float: left; 
	text-decoration:none; 
	font-family: Arial,sans-serif;
	font-size: 8pt ; 
	color:#8C8E8F;
}

#header-inside {
	margin:0 auto;
	position:relative;
	top:28px;
	left:-22px;
	height:40px;
	background: url("../images/transp2.png") no-repeat scroll 4% transparent;
	display:none;
}


#header-connection {
	padding-top:20px;
}

#mdpIns {
	margin-left:8px;
	line-height: 14px;
	font-size: 11px ; 
	margin-top:14px;
	float:right;
	margin-right:120px;
	
}

#mdpIns a {
	color:#8C8E8F;
}

#mdpIns a:hover{
	color:#F5F5F6;
}


#headerCompte {
	float: right;
	margin-top:20px;
	margin-right:150px;
	width:470px;
	height:20px;
	color:#919497;
	padding-left:12px;
}

#headerCompte span{
	font-weight:bold;
}

	
#corps {
	margin-left:auto; margin-right:auto;  width: 850px;
	background-color:#ffffff;
	/*border: 1px solid #AFAFAF;*/
	padding-left:20px;
	-moz-border-radius:6px 6px 6px 6px;
	 border-radius: 6px;
  -webkit-border-radius: 6px;
	height:100%;
	
}

#corpsInscription {
	margin-left:auto; margin-right:auto;  width: 650px;
	background: url("../images/bg_corps.png") repeat;
	border: 1px solid #06AAFB;
	height:420px;
	-moz-border-radius:5px;
	 border-radius: 5px;
  -webkit-border-radius: 5px;
	
}

.formsConnection  a {
	text-decoration:none;
}


.formsConnection {
	margin-top:10px;
	margin-right:0px;
}


#blocConnection {	
	float : right;	
	display:block;
}

.formsConnection  #imgMail {

	background-image:url("../images/submit_form_mail.png");
	background-repeat:no-repeat;
	background-position:left;
	width:217px;
	height: 23px;
	padding-top:7px;
	padding-bottom:7px;
	border:0;
	background-color:transparent;
	vertical-align:top;
	padding-left:12px;
	font-size:14px;
	text-shadow:1px 1px 0 #FFFFFF;
	color:#888888;
}

.formsConnection #pass {
	
	background-image:url("../images/submit_form_pass.png");
	background-repeat:no-repeat;
	background-position:left;
	width:145px;
	height: 23px;
	padding-top:7px;
	padding-bottom:7px;
	border:0;
	background-color:transparent;
	vertical-align:top;
	padding-left:13px;
	text-shadow:1px 1px 0 #FFFFFF;
	color:#888888;
}


#commentWrapper { 
  background : repeat scroll 0 0 #161719;
  background-image: url("../images/background.jpg");
  background-repeat: repeat-y;
  border-bottom: solid 1px black;
  height:60px;
  padding-top:6px;
	
}
		
#headerFloat {
  width:100%;
  height:0px;
  float:center;
  margin : 0 auto; top:0px;
}
	
#headerFloat.fixed {
  position: fixed;	
 
}

#btnConnection {
	text-decoration:none;
	cursor: pointer;
	border:0;
	width:127px;
	height:37px;
	background-image: url("../images/submit_co.png");
	background-position:top left;
	background-repeat: no-repeat;
	background-color:transparent;
	vertical-align:top;
}

#btnConnection:hover{
	background-position:bottom;
}

#footer {
	background : repeat scroll 0 0 #161719;
	background-image: url("../images/background.jpg");
    background-repeat: repeat-y;
    border-top: solid 1px black;
	height:22%;
    width: 100%;  
}

#endFooter {
	text-align:center;
	color:#A9B3BC;
	height:120px;
	font-weight:bold;
}

#enregistrement td{
	font-weight:bold;
	font-size:10pt;
}
#enregistrement legend{
	font-weight:bold;
	font-size:12pt;
	color:#06AAFB	;
	letter-spacing:1px;
	font-family: "trebuchet MS",helvetica,arial,sans-serif;
    text-shadow: 0 1px 1px rgba(5, 5, 25, 0.9), 0 1px 1px rgba(255, 255, 255, 0.5);
}

#enregistrement tr{
	height:35px;
}

#enregistrement label {
    margin-right: 22px;
    text-align: right;
    width: 216px;
    height:30px;
    display:block inline;
}

#enregistrement input[type=text] {
    margin-right: 22px;
    width: 160px;
}

#enregistrement input[type=password] {
    margin-right: 22px;
    width: 160px;
}

#enregistrement a{
	text-decoration:none;
	color: #5E9514;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:8px;
	padding-left:8px;
	-moz-border-radius:3px;
	 border-radius: 3px;
  -webkit-border-radius: 3px;
  
}

#enregistrement a:hover{
	background-color: #5E9514;
	color:white;
	
}

#enregistrement fieldset {
	border: none;
}

#enregistrement{
	margin-left:160px;
	padding-top:15px;
}


.required {
	color: #FF6666;
    font-size: 15px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}

.btnValid {
  width: 120px;
  height: 30px;
  margin-left:100px;
  cursor: pointer;
   background-color: #1D61AF;
   border: 1px solid #04307D;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: inset 0px 0px 0px 1px rgba(125, 140, 255, 0.4), 0 1px 3px #333;
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(125, 140, 255, 0.4), 0 1px 3px #333;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(125, 140, 255, 0.4), 0 1px 3px #333;
  color: #fff;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1;
  padding: 6px 12px 10px 12px;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, .8);
}

.btnValid:hover {

  background: #3F75D1;
  background-color: #4884C8;
}

#ndeco{
	float:left;	
}

#ndeco a{
	text-decoration:none;
	color:#A9B3BC;
	background: url("../images/setting.png") no-repeat ;	
	background-position:top left;
	height:13px;
	width:120px;
	display:block inline;
	padding-left:19px;
	padding-top:2px;
	font-weight:bold;	
}

#ndeco a:hover{
	background-position:bottom left;
	color:white;
}

#ndeco span{
	color:#FEAA01;
	font-weight:bold;	
}

#hdeco {
	font-size:12px;
	background: url("../images/deco.png") no-repeat ;	
	background-position:top left;
	width:87px;
	height:16px;
	float:right;
	margin-left:30px;

}

#hdeco:hover {
	background: url("../images/deco.png") no-repeat ;	
	background-position:bottom left;
	
}

#hdeco  a{
	text-decoration:none;
	color:#A9B3BC;
	padding-left:17px;
	font-weight:bold;	
}

#hdeco  a:hover{
	color:white;
	
}

#papillon{
	background: url("../images/papillon1.png") no-repeat ;	
	width:84px;
	height:104px;
	float:right;
	margin-right:100px;
}

#accueil {
	padding-top:40px;
	padding-bottom:125px;
	padding-left:80px;	
	padding-right:80px;	
	font-family: "trebuchet MS",helvetica,arial,sans-serif;
	font-weight:bold;
	font-size:10pt;
	color:#767676;
}

#accueil  a{
	text-decoration:none;
	color:#06AAFB	;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:6px;
	padding-left:6px;
	 border-radius: 3px;
  	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
}

#accueil a:hover{
	background-color:#06AAFB;
	color:white;
}

#accueil h1{
	font-weight:bold;
	font-size:12pt;
	color:#06AAFB	;
	letter-spacing:1px;
	font-family: "trebuchet MS",helvetica,arial,sans-serif;
    text-shadow: 0 1px 1px rgba(5, 5, 25, 0.9), 0 1px 1px rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}

#accueil span{
	font-weight:bold;
	font-size:10pt;
	color:#FEAA01;
}

.obligatoire {
	color:#C60101;
	font-weight:normal;	
}

#superglobal {
	position : relative;  
	min-height: 78%;
}

#s3capcha div {
    float: left;
}

#modificationCompte {
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	width:336px;
	margin-left:230px;
	margin-top:5px;
	font-weight:bold;
	text-align:center;
	border: 1px solid #5E9514;
	background-color :#DAF2BB;
}

#modificationConso {
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	width:336px;
	margin-left:230px;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
	text-align:center;
	border: 1px solid #A53700;
	background-color :#FAD8C7;
	color:black;
}

#formConsommation {
	font-weight:bold;
	color:#5D6971;
	margin-left:40px;
}


#formConsommation tr{
	height:35px;
	vertical-align: top;
}

#formConsommation td{
	padding-right:20px;
}

#formConsommation h1{
	font-weight:bold;
	font-size:12pt;
	color:#06AAFB	;
	letter-spacing:1px;
	font-family: "trebuchet MS",helvetica,arial,sans-serif;
    text-shadow: 0 1px 1px rgba(5, 5, 25, 0.9), 0 1px 1px rgba(255, 255, 255, 0.5);
    margin-left:200px;
    margin-bottom:20px;
}

